<!--
 * @Author: wangze@linkstec.com
 * @Date: 2022-02-10 15:18:12
 * @Function: Please Input Function
-->
<script>
import { Tabs } from 'element-ui';

export default {
  name: 'LkTabs',
  components: {},
  props: Object.assign({}, Tabs.props, {
    lazy: {
      type: Boolean,
      default: true
    }
  }),
  // 定义属性
  data () {
   return {

   };
  },
  render () {
    const props = {};
    Object.keys(Tabs.props).forEach(k => {
      typeof this[k] !== 'undefined' && (props[k] = this[k]);
      return props[k];
    });
    return (
      <el-tabs class="lk-tabs" {...{ props, on: this.$listeners, scopedSlots: { ...this.$scopedSlots } }}>
         {this.$slots.default}
      </el-tabs>
    );
  }
};
</script>

<style lang='scss' scoped>
  .lk-tabs{
    &.separation-labs{
      background: #ffffff;
      ::v-deep .el-tabs__header{
        margin: 0;
      }
    }
    ::v-deep .el-tabs__nav-scroll{
      padding: 0 30px;
      .el-tabs__item{
        font-weight: normal;
        font-size: 15px;
        &:not(.is-active){
          color: $lk-dark;
        }
        &.is-disabled{
          color: $lk-gray-bright;
        }
      }
    }
    ::v-deep .el-tabs__nav-wrap{
      &:after, &::after{
        height: 1px;
      }
    }
  }
</style>
